
.btnDefault{
    background-color: #0e757a;
    padding: 10px 30px;
    color: #e4e4e4;
    border: none;
}
.btnDefault:hover{
    background-color: #0e757a;
    box-shadow:  0px 0px 10px 5px #08b1b6 inset;
    color: #e4e4e4;
}
.btnDefault:active{
    background-color: #0e757a;
    color: #e4e4e4;

}
.btnDefault:focus {
    background-color: #0e757a;
    color: #e4e4e4;
  }
.el-radio__label{
    color: white;
}
.btnDialog{
    background-color: #00ffff;
    padding: 10px 30px;
    border-radius: 15px;
    color: #000;
    border: none;
}
.el-checkbox:last-of-type {
    margin-right: 5px;
}
.btnDialog:hover{
    background-color: #31fff7;
    box-shadow:  0px 0px 10px 5px #08cacf inset;
    color: #000;
}
.el-table{
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #e4e4e4;
    background-color: transparent;
    border:1px solid #08b1b6;
}
.el-table thead{
    color:#e4e4e4;
    box-shadow:  0px 0px 10px 5px #2bb69f inset;
}
.el-table thead.is-group th {
    background: transparent;
}
.el-table__body{
    /*border-left: 1px solid #08b1b6;*/
    /* border-right: 1px solid #08b1b6; */
}
.table .el-table td{
    text-align: center;
}
.table .el-table--border td{
    border-right: none;
    border-bottom: none;
}
/* .table .el-table td, .el-table th{
    padding: 5px 0;
} */
.el-table--border::after, .el-table--group::after, .el-table::before {
    content: '';
    position: absolute;
    background-color: transparent;
    z-index: 1;
}
.el-table__body tr.current-row > td {
    background-color: transparent;

  }
.table .el-table th, .el-table tr
 {
    background-color:transparent;
    border-right: 1px solid #08b1b6;
    border-bottom: 1px solid #08b1b6;
    text-align: center;
}
.table .el-table td{
    text-align: center;
}
.table .el-table--border td{
    border-right: 1px solid #08b1b6;
    border-bottom: 1px solid #08b1b6;
}
.table .el-table td, .el-table {
    border-right: 1px solid #08b1b6;
    border-bottom: 1px solid #08b1b6;
}
.table .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar {
         width: 6px;
         height: 6px;
     }
.table .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {
         background: rgba(5, 230, 230, 0.6);
         border-radius: 30px;
     }
.table::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
}
.table::-webkit-scrollbar-thumb {
    background: rgba(5, 230, 230, 0.6);
    border-radius: 30px;
    position: absolute;
    right: 0;
}
.el-table--enable-row-hover .el-table__body tr:hover>td{
    background-color: #32849c;
}
.el-progress__text{
    color: #e4e4e4;
}
.noBg .el-input__inner{
    background-color: transparent!important;
    height: 35px;
    line-height: 35px;
    color:#e4e4e4 !important;
    border: none;
}
.noBg .el-textarea__inner{
    background-color: transparent;
    border: none;
    color:#e4e4e4;
}
.el-range-editor .el-range-input{
    background-color: transparent;
}
.flex{
    display: flex;
}
.border1{
    border: 1px solid #08b1b6;
}
.borderFather{
    border-left: 1px solid #08b1b6;
    border-top: 1px solid #08b1b6;
}
.borderRight{
    padding: 3px 5px;
    height: 35px;
    line-height: 26px;
    border-right: 1px solid #08b1b6;
}
.borderBottom{
    padding: 3px 5px;
    height: 35px;
    line-height: 26px;
    border-bottom: 1px solid #08b1b6;
}
.boxShadow{
    box-shadow:  0px 0px 5px 2px #2bb69f inset;
    background-color: rgba(87, 205, 224, 0.2);
}
.divCss{
    background: rgba(30,60,72,0.6);
    border: 1px solid rgba(5,230,230,0.3);
    border-top: 4px solid #05e6e6;
}
.bgc05{
    background-color: rgba(30,60,72,0.7);
}
.bgc {
    box-shadow: 0 0 8px 0px #2bb69f inset;
    color: white !important;
}
.mainShadow{
    z-index: 90;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    opacity:0.7;
}
.whiteColor{
    color: #e4e4e4;
}
.defaultColor{
    color: #2bb69f;
}
.greenColor{
    color: #08fefb;
}
.clickBtn{
    background-color: #13afe0;
    border:none;
    padding: 4px 15px;
    color:#e4e4e4;
}
.gray{
    color: #bbbbbb !important;

}
.cursor{
    cursor: pointer;
}
.el-button:focus, .el-button:hover{
    color:#000;
    /*background-color: #57cde0;*/
    border:none;
}
.clickBtn:focus , .clickBtn:hover{
    background-color: #57cde0;
    border:none;
    padding: 4px 15px;
    color:#e4e4e4;
}

.positionRe{
    position: relative;
}
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding15 {
    padding: 15px;
}
.padding20 {
    padding: 18px;
}
.padding25 {
    padding: 25px;
}
.padding30 {
    padding: 30px;
}
.margin5 {
    margin: 5px;
}
.margin10 {
    margin: 10px;
}
.margin15 {
    margin: 15px;
}
.margin20 {
    margin: 20px;
}
.margin25 {
    margin: 25px;
}
.margin30 {
    margin: 30px;
}
.font12 {
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}

.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px;
}
.mt15{
    margin-top: 15px;
}
.mt20{
    margin-top: 20px;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.mb20{
    margin-bottom: 20px;
}
.ml5{
    margin-left: 5px;
}
.ml10{
    margin-left: 10px;
}
.ml15{
    margin-left: 15px;
}
.ml20{
    margin-left: 20px;
}
.mr5{
    margin-right: 5px;
}
.mr10{
    margin-right: 10px;
}
.mr15{
    margin-right: 15px;
}
.mr20{
    margin-right: 20px;
}

.pt5{
    padding-top: 5px;
}
.pt10{
    padding-top: 10px;
}
.pt15{
    padding-top: 15px;
}
.pt20{
    padding-top: 20px;
}
.pb5{
    padding-bottom: 5px;
}
.pb10{
    padding-bottom: 10px;
}
.pb15{
    padding-bottom: 15px;
}
.pb20{
    padding-bottom: 20px;
}
.pl5{
    padding-left: 5px;
}
.pl10{
    padding-left: 10px;
}
.pl15{
    padding-left: 15px;
}
.pl20{
    padding-left: 20px;
}
.pr5{
    padding-right: 5px;
}
.pr10{
    padding-right: 10px;
}
.pr15{
    padding-right: 15px;
}
.pr20{
    padding-right: 20px;
}
.textCenter{
    text-align: center;
}
.textLeft{
    text-align: left;
}
.textRight{
    text-align: right;
}
.fixWarp{
    display: flex;
    flex-wrap:wrap;
}
.flexNoWarp{
    display: flex;
    flex-wrap:nowrap;
}
.flex1{
    flex: 1;
}
.flex2{
    flex: 2;
}
.el-form-item__content{
    font-size: 12px;
}
.flexCenter{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexSa{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flexEnd{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.flexStart{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flexTop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.flexSb{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overflow{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.overflowThree{
    display: -webkit-box;
    overflow: hidden;
    text-overflow:ellipsis;
    background: greenyellow;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.fontBold {
    font-weight: bold;
}
.fontWeight700 {
    font-weight: 700;
}
.fontNormal {
    font-weight: normal;
}
.bgWhite {
    background: #fff;
}
.flexMiddleCenter {
    display: flex;
    align-items: center;
}
.danger{
    color: #F56C6C;
}
.success{
    color: #67C23A;
}
.warning{
    color: #E6A23C;
}
.normalColor{
    color:#409EFF;
}

.textWhite{
  color: #fff;
}
.dialogRight .el-tree{
    background-color: transparent;
    color: white;
}
.el-form-item__label{
    color: white;
}
.el-dialog{
    position: absolute !important;
    top:50%;
    left:50%;
    width:auto;
    transform:translate(-50%,-50%);
    margin:0 !important;
    background: rgba(21, 36, 43, 0.88);
    border: 1px solid rgba(5,230,230,0.3);
}
.el-dialog__header{
    border-top:2px solid #00ffff;
}
.el-dialog__title{
    color: #00ffff;
}
.el-dialog__headerbtn .el-dialog__close{
    color: #00ffff;
}
.el-dialog__body{
    color: #00ffff;
    padding: 40px 80px 40px 38px;
    max-height: 500px;
    overflow-y: auto;
}
.el-dialog__footer{
    text-align: center;
}
.el-message-box{
    background: rgba(117, 220, 224, 0.1);
    border: 1px solid rgba(5,230,230,0.3);
}
.el-message-box__title{
    color: #00ffff;
}
.el-message-box__content{
    color: #00ffff;
}
.el-message-box .el-button--mini, .el-button--small{
    border-radius: 15px;
    border: none;
}
.el-message-box .el-button--primary{
    background-color: #0e757a;
}
.el-message-box .el-button--primary:hover{
    background-color: #0e757a;
    box-shadow:  0px 0px 10px 5px #08b1b6 inset;
}
.el-date-editor .el-range-input{
    color: #ccc;
}
.dialogRight .el-dialog{
  position: absolute;
  top: 60px;
  left: auto;
  right: 15%;
    transform:translate(0,0);
  margin-top: 0 !important;
 background: rgba(87, 205, 224, 0.1);
 border: 1px solid rgba(5,230,230,0.3);
}
.dialogRight .el-dialog .el-dialog__body{
    padding: 30px 5px;
}
.dialogRight .el-dialog .el-dialog__header{
  display: none;
}
.dialogRight .el-tree-node__content{
  margin: 2px;
}
.dialogRight .el-tree-node__content:hover{
  background-color: transparent;
  box-shadow:  0px 0px 5px 2px #2bb69f inset;
  border-radius: 5px;
}
.dialogRight .choseTree .is-checked{
box-shadow:  0px 0px 5px 2px #2bb69f inset;
  border-radius: 5px;
}
.dialogRight .choseTree .is-checked .el-tree-node__content:hover{
  background-color:transparent;
  border-radius: 5px;
}
.dialogRight .choseTree .el-tree-node:focus>.el-tree-node__content{
  background-color: transparent;
  border-radius: 5px;
}
.dialogTree .el-tree,.dialogTree  .el-tree-node__content:hover, .dialogTree .choseTree .is-checked .el-tree-node__content:hover, .dialogTree .choseTree .el-tree-node:focus>.el-tree-node__content{
    background-color: transparent;
    color:#fff;
}
.el-tree-node:focus>.el-tree-node__content{
    background-color: transparent;
}
.table .el-table__expand-icon{
    color: #fff;
}
.el-pagination__total{
    color: white;
    line-height: 33px !important;
}
.el-checkbox__label{
color: #def1fb;
}

.el-pagination button:disabled, .el-pager,  .el-pager li,
.el-pagination .btn-next, .el-pagination .btn-prev{
    color: white !important;
    background-color: transparent !important;
}
.page .el-input__inner{
    color: white !important;
    background-color: transparent !important;
}
.page .el-pagination__jump{
    color: white !important;
}
.page .el-pager li.active{
    color: #08b1b6 !important;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
    border:none;
    color:white;
    background-color: #123940;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
    border:none;
}
.el-tabs--card>.el-tabs__header{
    border:none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    border:none;
    color:white;
    box-shadow:  0px 0px 8px 5px #2bb69f inset;
}
.el-input{
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
}
.contentTop{
    padding-bottom: 20px;
    height: 34px;
}

/* content */
/* @author fzy */
/* @desc elementUI表格的el-tooltip__popper设置宽度 */
.el-tooltip__popper {
max-width: 300px;
}
/* end content */

/* content */
/* @author fzy */
/* @desc 修改elementUI表格的el-tooltip__popper的样式 */
.el-tooltip__popper.is-dark {
    color: #ffffff;
    border: 1px solid #08b1b6;
    background: rgba(30, 60, 72, 0.9);
}
.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    /* background: #08b1b6; */
    border-top-color: #08b1b6;
    border: 20px #08b1b6;
    /* border-top-style: 0; */
}
/* content */
/* @author fzy */
/* @desc elementUI表格的el-tooltip__popper设置宽度 */
.fixThTable .tableBody{
    max-height:100%;
}
.fixThTable .tableBody .el-table__body-wrapper .el-table__body{
    margin: 0;
}
.fixThTable .tableBody .el-table__body-wrapper::-webkit-scrollbar{
    width: 8px;
}
.fixThTable .tableBody .el-table__body-wrapper::-webkit-scrollbar-thumb{
    width: 4px;
    background: rgba(5, 230, 230, 0.6);
    border-radius: 30px;
}
.fixThTable .tableBody .el-table th.gutter{
    width: 17px!important;
}
.gutter{
    display: table-cell!important;
}
/* end content */
.disable {
    pointer-events: none;
    cursor: not-allowed;
    color: white;
}

/* content */
/* @author fzy */
/* @desc 报表统计样式 */
.reportFormHeader .el-col .search{
    display: flex;
    margin: 20px 0px;
    height: 40px;
}
.reportFormHeader .el-col .search .selectYear{
    width: 130px;
    height: 35px;
}
.reportFormHeader .el-col .tableTitle{
    display: flex;
    justify-content: center;
    margin: 26px 20px 26px 20px;
    font-family: "Microsoft Yahei-Bold";
    color: #00ffff;
    font-size: 18px;
}
.reportFormHeader .el-col .rightSpace{
    height: 80px;
}
/* end content */

/* content */
/* @author fzy */
/* @desc 数据录入导航栏样式 */
.detailNavigationBar {
    box-sizing: border-box;
    padding: 14px;
    margin-left: 10px;
    width: 210px;
    text-align: center;
    height: 100%;
    overflow-y: auto;

}
.detailNavigationBar::-webkit-scrollbar{
    width: 8px;
}
.detailNavigationBar::-webkit-scrollbar-thumb{
    width: 4px;
    background: rgba(5, 230, 230, 0.6);
    border-radius: 30px;
}
.detailNavigationBar .detail{
    /*width: 150px;*/
    margin: 8px 12px 8px 0px;
    font-size: 16px;
    height: 30px;
    line-height: 39px;
    overflow: hidden;
    font-family: "Microsoft Himalaya";
    text-align: left;
    color: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
}
.detailNavigationBar .detail:active{
    font-family: "Microsoft Himalaya";
    color: #ffffff;
}
.gjqy  .fontGjqy {
    height: 40px;
    width: 100%;
    font-family: "Microsoft Yahei-Bold";
    color: #00ffff;
    font-size: 18px;
    display: flex;
    margin-bottom: 15px;
    position: relative;
}
.hw100{
    height: 100%;
    width: 100%;
}
.xlqkTab .el-tabs__nav-wrap::after{
    height: 0;
}
.xlqkTab .el-tabs__active-bar{
    height: 0;
}
.xlqkTab .el-tabs__item{
    width: 160px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: white;
    background-color: #123940;
}
.xlqkTab .el-tabs__header{
    margin-bottom: 1px;
}
.xlqkTab .el-tabs__item.is-active{
    box-shadow: 0 0 8px 0px #2bb69f inset;
}
.jbxxStyle , .txsxstyle {
    height: 50%;
    width: 100%;
    border: 1px solid rgba(5, 230, 230, 0.3);
    border-top: 2px solid #00ffff;
    /*margin: 0 10px 10px 10px;*/
}
.jbxxStyle .style_title, .txsxstyle .style_title {
    height: 30px;
    font-weight: 700;
    font-size: 20px;
    display: block;
    color: white;
    padding: 10px;
    color: #00ffff;
}
.jbxxStyle .el-form-item{
    width: 50%;
    display: inline-block;
}
.txsxstyle  .el-form-item{
    width: 50%;
    display: inline-block;
}
/* end content */
